*{
    padding: 0px;
    margin: 0px;
}
.main{
    width: 100vw;
    height: 100vh;
}
.HeaderTop{
    background-color: #FF8C00;
    text-align: center;
    height: 12vh;
    line-height: 12vh;
}
.Header{
    background-color: orange
}
.Header{
    display: flex;
    justify-content: space-between;
    color: white;
    height: 6vh;
    line-height: 6vh;
    text-align: center;
    font-size: 17px;
    
}
.Header div{
    cursor: pointer; /* 让鼠标指针变为手型，提示可交互 */
    transition: color 0.3s ease;
    width: 10vw;
}
.Header div:hover{
    background-color: #FF8C00
}
.mains{
    width: 100vw;
    height: 30vh;
    cursor: pointer; /* 让鼠标指针变为手型，提示可交互 */

    /* background-color: aqua; */
}

.mains.Slider {
    width: 100%; /* 确保轮播图容器宽度占满父容器 */
    display: flex;
    justify-content: center; /* 让幻灯片在轮播图容器中水平居中 */
    align-items: center; /* 让幻灯片在轮播图容器中垂直居中 */
}

